<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="row-fluid">
	<div class="span12">
		<div class="span6">
			<div class="area">
				<form id="login-form" class="form-horizontal" method="POST" action="login">
					<div class="heading">
						<h4 class="form-heading">Sign In</h4>
					</div>
					<div class="control-group">
						<label class="control-label" for="username">Username</label>
						<div class="controls">
							<input type="text" id="username" name="username"
								placeholder="peter86">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="password">Password</label>
						<div class="controls">
							<input type="password" id="password" name="password"
								placeholder="Min. 8 Characters">
						</div>
					</div>
					<div class="control-group">
						<div class="controls">
							<button type="submit" class="btn btn-success">Sign In</button>
							<!-- <button type="button" class="btn">Help</button> -->
						</div>
					</div>
					<!-- <div class="alert alert-error">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<strong>Access Denied!</strong> Please provide valid
						authorization. 
					</div> -->
				</form>
			</div>
		</div>
		<div class="span6">
			<div class="area">
				<form id="registration-form" class="form-horizontal" action="register" method="post">
					<div class="heading">
						<h4 class="form-heading">Sign Up</h4>
					</div>
					<div class="control-group">
						<label class="control-label" for="name">Name</label>
						<div class="controls">
							<input type="text" id="name" name="name" placeholder="Peter">
						</div>
					</div>
				
					<div class="control-group">
						<label class="control-label" for="username">Username *</label>
						<div class="controls">
							<input type="text" id="username" name="username" placeholder="peter86">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="password">Password *</label>
						<div class="controls">
							<input type="password" id="password" name="password"
								placeholder="Min. 8 Characters">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="date_of_bith">Date of birth</label>
						<div class="controls">
							<input type="text" id="date_of_bith" name="date_of_bith"
								placeholder="">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="astral_sign">Astral Sign</label>
						<div class="controls">
							<select name="astral_sign">
								<option>Aries</option>
								<option>Taurus</option>
								<option>Gemini</option>
								<option>Cancer</option>
								<option>Leo</option>
								<option>Virgo</option>
								<option>Libra</option>
								<option>Scorpio</option>
								<option>Sagittarius</option>
								<option>Capricorn</option>
								<option>Aquarius</option>
								<option>Pisces</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="sex">Sex</label>
						<div class="controls">
							<select name="sex">
								<option value="f">female</option>
								<option value="m">male</option>
							</select>							
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="city">City</label>
						<div class="controls">
							<input type="text" id="city" name="city"
								placeholder="Sofia">
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="description">Description</label>
						<div class="controls">
							<input type="text" id="description" name="description"
								placeholder="">
						</div>
					</div>
					<div class="control-group">
						<div class="controls">
							<button type="submit" class="btn btn-success" value="register">Sign Up</button>
							<!-- <button type="button" class="btn">Help</button> -->
						</div>
					</div>
					<div class="alert alert-info">
						<!-- <button type="button" class="close" data-dismiss="alert">×</button> -->
						<!-- <strong>Confirmation: </strong> A confirmation email has been sent
						to your email.<br> Thank you for your registration. -->
						Please fill in all fields marked with *
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
